<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ol>
        <h2>数字</h2>
        <!-- li -->
        
    </ol>
    <ol>
        <h2>字母</h2>

    </ol>
    <ol>
        <h2>中文</h2>

    </ol>


    <script>

        // 1-10   20-50
        for(var i=1;i<=10;i++){
            console.log(i+'-----------i');
            for(var k=1;k<=10;k++){
                console.log(k+'----k');
            }
        }
        // 总循环次数 = 外循环次数 * 内循环次数

        /* 
        *    1
        **    2
        ***    3
        ****    4
        *****    5
        ******    6
        */


        // 控制行的循环  6行
        for(var i=1;i<=6;i++){  //外循环 第一执行       第二执行   
            // document.write('*');
            // document.write('<br>');
            for(var j=1;j<=i;j++){ // 内循环  打印1个*号    2 
                document.write('*');
            }
            document.write('<br>');
        }


        // 循环数组：
        var arr = [
            [1,2,3,4],
            ['k','w','e','r'],
            ['哈哈','哈哈哈',"hahahahah"],
        ]


        // 有序列表
        
        // 1、获取元素
        var oOl = document.querySelectorAll('ol');

        // console.log(arr[0]);

        // 2、改变内容
        for(var i=0;i<oOl.length;i++){
            for(var j=0;j<arr[i].length;j++){
                oOl[i].innerHTML += "<li> "+ arr[i][j] + "</li>";
            }
        }




    </script>
</body>
</html>